.security-guest {
  flex: 1;
  width: 0px;
  padding: 20px;
  pointer-events: auto;
  display: flex;
  flex-direction: column;

  .header-box {
    height: 43px;
    display: flex;
    justify-content: space-between;
  }

  .event-box {
    @cols: 5;

    flex: 1;
    height: 0px;
    margin-top: 15px;
    overflow-y: auto;

    .event-group {
      width: 100%;
      margin-top: 15px;
      margin-bottom: 30px;
      display: grid;
      grid-template-rows: auto;
      grid-template-columns: repeat(5, calc(20% - 16px / @cols * (@cols - 1)));
      row-gap: 16px;
      column-gap: 16px;
    }
    .unfold{
      max-height: 235px;
      overflow: hidden;
    }
    .page{
      width: 100%;
      &:deep(.ant-pagination){
        color: white;
        .ant-pagination-item-link{
          color: white;
        }
        .ant-pagination-simple-pager input{
          color: #000;
        }
      }
    }
  }
}
